<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Learn Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="html/css/bootstrap-3.1.1.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="html/js/jquery.min.js"></script>
<script src="html/js/bootstrap.min.js"></script>
<script src="html/js/jquery.countdown.js"></script>
<script src="html/js/script.js"></script>
<!-- Custom Theme files -->
<!--link rel="stylesheet" href="css/clndr_new.css"-->
<link href="html/css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="html/css/jquery.countdown.css" />
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<link href="html/css/clndr.css" rel='stylesheet' type='text/css' />
<!-- FlexSlider 
<link href="css/flexslider.css" rel='stylesheet' type='text/css' />
  <script defer src="js/jquery.flexslider.js"></script>
  <script type="text/javascript">
	$(function(){
	  SyntaxHighlighter.all();
	});
	$(window).load(function(){
	  $('.flexslider').flexslider({
		animation: "slide",
		start: function(slider){
		  $('body').removeClass('loading');
		}
	  });
	});
  </script>-->
<!-- FlexSlider -->

<!--font-Awesome-->
<link href="html/css/font-awesome.css" rel="stylesheet"> 
<!--font-Awesome-->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>

</head>
<body>
<nav class="navbar navbar-default" role="navigation">
	<div class="container">
	    <div class="navbar-header">
	        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
	        </button>
	        <a class="navbar-brand" href="index.html">经济与金融学院学工系统</a>
	    </div>
	    <!--/.navbar-header-->
	    <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" style="height: 1px;">
	        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i><span>搜索</span></a>
                <ul class="dropdown-menu search-form">
                  <form>        
                        <input type="text a" class="search-text" name="s" placeholder="Search...">    
                        <button type="submit" class="search-submit"><i class="fa fa-search"></i></button>
                  </form>
                </ul>
            </li>
            <li class="dropdown">
                <a href="list.html" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-list"></i><span>权限管理</span></a>
            </li>
            <li class="dropdown">
                <a href="#"><i class="fa fa-user"></i><span>当前用户</span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a>学工号：143766</a></li>
                  <li><a href="index.html">退出登录</a></li>
                </ul>
            </li>
	    </div>
	    <div class="clearfix"> </div>
	  </div>
	    <!--/.navbar-collapse-->
</nav>
<nav class="navbar nav_bottom" role="navigation">
 <div class="container">
 <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header nav_2">
      <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"></a>
   </div> 
   <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
        <ul class="nav navbar-nav nav_1">
            <li><a href="home.html">学院动态</a></li>
            <li><a href="award.html">获奖情况</a></li>
            <li><a href="paper.html">论文发表</a></li>
            <li><a href="activity.html">公共活动</a></li>
            <li><a href="stuInfo.html">学生信息</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">推送<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="banner.html">轮播推送</a></li>
                <li><a href="news.html">资讯推送</a></li>
              </ul>
            </li>
            <li class="last"><a href="student.html">学生名单录入</a></li>
        </ul>
     </div><!-- /.navbar-collapse -->
   </div>
</nav>
   
    <div class="courses_box1">
       <div class="container">

        <div class="col-md-6">
          <!--日历-->
        <div class="container_clndr">
        
        <form class="clndr">
            <div id="selected-date" class="cal1"></div>
        </form>
        <!--div id="selected-date" class="cal2"></div>

        
        <div class="cal3">
        <script type="text/template" id="template-calendar-months">
            <div class="clndr-controls top">
                <div class="clndr-previous-button">&lsaquo;</div>
                <div class="clndr-next-button">&rsaquo;</div>
            </div>
            <div class="clearfix">
            <% _.each(months, function(cal) { %>
                <div class="cal">
                    <div class="clndr-controls">
                        <div class="month"><%= cal.month.format('MMMM') %></div>
                    </div>
                    <div class="clndr-grid">
                        <div class="days-of-the-week">
                        <% _.each(daysOfTheWeek, function(day) { %>
                            <div class="header-day"><%= day %></div>
                        <% }); %>
                            <div class="days">
                            <% _.each(cal.days, function(day) { %>
                                <div class="<%= day.classes %>"><%= day.day %></div>
                            <% }); %>
                            </div>
                        </div>
                    </div>
                </div>
            <% }); %>
            </div>
            <div class="clndr-today-button">Today</div>
        </script>
        </div>
    </div>

    <script type="text/template" id="clndr-template">
        <div class="clndr-controls">
            <div class="clndr-previous-button">&lsaquo;</div>
            <div class="month"><%= month %></div>
            <div class="clndr-next-button">&rsaquo;</div>
        </div>
        <div class="clndr-grid">
            <div class="days-of-the-week">
            <% _.each(daysOfTheWeek, function (day) { %>
                <div class="header-day"><%= day %></div>
            <% }); %>
                <div class="days">
                <% _.each(days, function (day) { %>
                    <div class="<%= day.classes %>"><%= day.day %></div>
                <% }); %>
                </div>
            </div>
        </div>
        <div class="clndr-today-button">Today</div>
    </script-->

</div>
</div>

    <!--div class="container" style="height: 320px;">
        <div id="full-clndr">
            <script type="text/template" id="id_clndr_template">
            <div class="clndr-controls">
              <div class="clndr-previous-button"><<</div>
              <div class="clndr-next-button">>></div>
              <div class="month"><%= month %> <%= year %></div>
            </div>
            <div class="clndr-grid">
              <div class="days-of-the-week">
                <% _.each(daysOfTheWeek, function(day) { %><div class="header-day"><%= day %></div><% }); %>
              </div>
              <div class="days">
                <% _.each(days, function(day) { %><div class="<%= day.classes %>" id="<%= day.id %>"><span class="day-number"><%= day.day %></span></div><% }); %>
              </div>
            </div>
            </script>
        </div>
    </div>
    </div
    <clndr>
<script>
 $("#full-clndr").clndr({
        template: $('#id_clndr_template').html(),
        clickEvents: {
            onMonthChange: function(month) {
                // TODO: 这边写月份改变事件，控制底部线条图的变化
            },
            click: function(target){
                var dateDom = $(target.element);
                if((!dateDom.hasClass("focusIn")) && (dateDom.hasClass("past") || dateDom.hasClass("today"))){
                    $(".focusIn").removeClass("focusIn");
                    dateDom.addClass("focusIn");
                    // TODO: 这边写日期改变的事件，控制右边环形图的变化
                    
                }
            },
        },
        daysOfTheWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
        forceSixRows : true,
        adjacentDaysChangeMonth : true,
    });
</script>-->

    <!--登录-->
        <div class="col-md-6">
          <form class="login">
            <p class="lead">Welcome!</p>
            <div class="form-group">
                <input autocomplete="off" type="text" name="log_username" class="required form-control" placeholder="账号">
            </div>
            <div class="form-group">
                <input autocomplete="off" type="password" class="password required form-control" placeholder="密码" name="log_password">
            </div>
            <div class="form-group">
                <input type="checkbox" name="remember" value="true"> 记住我
                <input type="submit" class="btn btn-primary btn-lg1 btn-block" name="submit" value="登录">
            </div>          
          </form>
        </div>

    </div>
    </div>
    </div>

    <div class="footer">
    	<div class="container">
    		<div class="copy">
		       Copyright © 2018  <a target="_blank"> XnX </a>  All Rights Reseved.
	      </div>
    	</div>
    </div>

    <script src="html/js/jquery.min.js"></script>
    <script src="html/js/bootstrap.min.js"></script>
    <script src="html/js/jquery.countdown.js"></script>
    <script src="js/script.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/html/js/ent.min.js"></script>
    <script src="html/js/clndr/clndr.min.js"></script>
    <script src="html/js/clndr/clndr.js"></script>
    <script src="html/js/clndr/clndr_demo.js"></script>
    <script src="html/js/clndr/clndr_test.js"></script>
</body>
</html>	